/**
 * Created by 111 on 2015/9/17.
 */


	var myflag; //用于标识是新建点进来的 还是编辑点击来的
$(function(){	
	var portletorder=1;
	var portletordero=1;
	var portletorders=1;

    /*内容切换开始*/
    $("#next1").click(function(){
        var layout=$("#ladiv label").hasClass("showlab");       
        if(layout==true){
        	$("#cendiv2").addClass("slide-from-bottom");
            $("#cendiv2").show();
            $("#cendiv1").hide();
            $("#cendiv4").hide();
            var layid=$(".showlab").attr("id");
            if(layid=="lab1"){
                $("#laydiv").show();
                $("#laydiv1").hide();
                $("#laydiv2").hide();
            }else if(layid=="lab2"){
                $("#laydiv1").show();
                $("#laydiv2").hide();
                $("#laydiv").hide();
            }else{
                $("#laydiv2").show();
                $("#laydiv1").hide();
                $("#laydiv").hide();
            }
        }
    });

   
    $("#up3").click(function(){
        $("#cendiv4").removeClass("slide-from-bottom");
        $("#cendiv4").addClass("slide-from-top");
        $("#cendiv4").show();
        $("#cendiv1").hide();
        $("#cendiv3").hide();
    });
    $("#up1").click(function(){
    	
    
    		    	 	
         $("#cendiv2").removeClass("slide-from-bottom");
         $("#cendiv2").addClass("slide-from-top");
         $("#cendiv2").show();
         $("#cendiv1").hide();
         $("#cendiv3").hide();
         
         //获取portlet
         var page_id = $('#pageportlet').val();
     	$.ajax({
     		type:'post',
     		url:'/MSAPortal/portalAdmin/getPortlet.do',
     		data:{pageid:page_id},
     		async:true,
     		dataType:'text',
     		success:function(json){
     			var laycode = $("#layoutcode").val();
     			var arry=eval(json);
     			var str = "";
     			if(laycode==1){
     				$("#cendiv2 #laydiv div:last ul").remove();
 				}else if(laycode==2){
 					$("#cendiv2 #laydiv1 div:eq(1)  div:eq(0) ul").remove();
 					$("#cendiv2 #laydiv1 div:eq(1)  div:eq(1) ul").remove();
 					}
 				else if(laycode==3){
 					$("#cendiv2 #laydiv2 div:eq(1) div:eq(0) ul").remove();
 					$("#cendiv2 #laydiv2 div:eq(1) div:eq(1) ul").remove();
 					$("#cendiv2 #laydiv2 div:eq(1) div:eq(2) ul").remove();
 					}
     			for(var i=0;i<arry.length;i++){
     				str="<ul class='paul'><li>"+arry[i].portletName+"</li></ul>" ;
     				if(laycode==1){
     					$("#cendiv2 #laydiv div:last").append(str);
     				}else if(laycode==2){
     					
     					if(arry[i].pagerow==1){
     						$("#cendiv2 #laydiv1 div:eq(1)  div:eq(0)").append(str);
     					}else{
     						$("#cendiv2 #laydiv1 div:eq(1)  div:eq(1)").append(str);	
     					}
     				}else if(laycode==3){
     					if(arry[i].pagerow==1){
     						$("#cendiv2 #laydiv2 div:eq(1) div:eq(0)").append(str);
     					}else if(arry[i].pagerow==2){
     						$("#cendiv2 #laydiv2 div:eq(1) div:eq(1)").append(str);	
     					}else{
     						$("#cendiv2 #laydiv2 div:eq(1) div:eq(2)").append(str);	
     					}
     				}
     			}
     		},
     		error:function(){
     			alert("获取失败");
     		}
     	});                         
    });

    $("#up2").click(function(){
        $("#cendiv1").removeClass("slide-from-bottom");
        $("#cendiv1").addClass("slide-from-top");
        $("#cendiv1").show();
        $("#cendiv2").hide();
        $("#cendiv3").hide();
    });
    
    /*弹框中的编辑按钮事件*/  
    $("#cendiv3").delegate(".prediv .upd","click",function(){
    	$("#cloupdModal").modal("show");
    });
    /*内容布局*/
    $("#ladiv label").click(function(){
         $(this).addClass("showlab");
         $(this).siblings().removeClass("showlab");
         $("#showimg").show();
         if(this.id=="lab1"){
             $("#showimg").removeClass("labimg1");
             $("#showimg").removeClass("labimg2");
             $("#showimg").addClass("labimg");
             $("#layoutcode").val("1");
         }else if(this.id=="lab2"){
             $("#showimg").removeClass("labimg");
             $("#showimg").removeClass("labimg2");
             $("#showimg").addClass("labimg1");
             $("#layoutcode").val("2");
         }else{
             $("#showimg").removeClass("labimg1");
             $("#showimg").removeClass("labimg");
             $("#showimg").addClass("labimg2");
             $("#layoutcode").val("3");
         }
     });
    //内容模块1的添加
    $("#bumbtn").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtareNew").val("");
        $("#btnid").val("");
        $("#pagecolumn").val(1);
        $("#portletorder").val(portletorder++);
        $("#btnid").val("bumbtn"); 
         DivShowAndHidden( "#divBackground", "#titModal");
        });
    //内容模块2，左侧的添加
    $("#leftbtn").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtareNew").val("");
        $("#btnid").val("");
        $("#pagecolumn").val(1);
        $("#portletorder").val(portletorder++);
        $("#btnid").val("leftbtn");
         DivShowAndHidden( "#divBackground", "#titModal");
    });
    //内容模块2，右侧的添加
    $("#rigbtn").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtareNew").val("");
        $("#btnid").val("");
        $("#pagecolumn").val(2);
        $("#portletorder").val(portletordero++);
        $("#btnid").val("rigbtn");
         DivShowAndHidden( "#divBackground", "#titModal");
    });

    //内容模块3，左侧的添加
    $("#leftbtn1").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtareNew").val("");
        $("#btnid").val("");
        $("#pagecolumn").val(1);
        $("#portletorder").val(portletorder++);
        $("#btnid").val("leftbtn1");
         DivShowAndHidden( "#divBackground", "#titModal");
    });
    //内容模块3，中间添加
    $("#cenbtn").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtareNew").val("");
        $("#btnid").val("");
        $("#pagecolumn").val(2);
        $("#portletorder").val(portletordero++);
        $("#btnid").val("cenbtn");
         DivShowAndHidden(
            "#divBackground"   //弹出的黑色背景层
            ,
            "#titModal" //要显示的子层
    );
       
    });
    //内容模块3，右侧的添加
    $("#rigbtn1").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtareNew").val("");
        $("#btnid").val("");
        $("#pagecolumn").val(3);
        $("#portletorder").val(portletorders++);
        $("#btnid").val("rigbtn1");
         DivShowAndHidden( "#divBackground", "#titModal");
    });
        
    
    /****编辑开始***/
    
    
    //内容模块1的添加
    $("#bumbtnn").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtaree").val("");    
        $("#btnid").val("");
        $("#pagecolumn1").val(1);
        $("#btnid").val("bumbtnn");
        DivShowAndHidden( "#divBackground", "#titModal1");
        $("#updModal1").modal("hide");	
    });
    //内容模块2，左侧的添加
    $("#leftbtnn").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtaree").val("");    
        $("#btnid").val("");
        $("#pagecolumn1").val(1);
        $("#btnid").val("leftbtnn");
         DivShowAndHidden( "#divBackground", "#titModal1");
          $("#updModal1").modal("hide");	
    });
    //内容模块2，右侧的添加
    $("#rigbtnn").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtaree").val("");       
        $("#btnid").val("");
        $("#pagecolumn1").val(2);
        $("#btnid").val("rigbtnn");
         DivShowAndHidden( "#divBackground", "#titModal1");
          $("#updModal1").modal("hide");	
    });

    //内容模块3，左侧的添加
    $("#leftbtn1n").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtaree").val("");    
        $("#btnid").val("");
        $("#pagecolumn1").val(1);
        $("#btnid").val("leftbtn1n");
         DivShowAndHidden( "#divBackground", "#titModal1");
          $("#updModal1").modal("hide");	
    });
    //内容模块3，中间添加
    $("#cenbtnn").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtaree").val("");    
        $("#btnid").val("");
        $("#pagecolumn1").val(2);
        $("#btnid").val("cenbtnn");
         DivShowAndHidden( "#divBackground", "#titModal1");
          $("#updModal1").modal("hide");	
    });
    //内容模块3，右侧的添加
    $("#rigbtn1n").click(function(){
        $("#title").val("");
        $("#url").val("");
        $("#txtaree").val("");    
        $("#btnid").val("");
        $("#pagecolumn1").val(3);
        $("#btnid").val("rigbtn1n");
         DivShowAndHidden( "#divBackground", "#titModal1");
          $("#updModal1").modal("hide");	
    });
    /***编辑结束***/
    
    
    
//添加按钮的方法
 $("#addtitBtn").click(function(){
        var inpval=$("#btnid").val();
        if($('#title option:selected').html()!=undefined&&$('#title option:selected').html()!=""){
        $("#"+inpval).parent().append("<ul class='paul'><li>"+$('#title option:selected').html()+"</li></ul>");
        }
    });
    
    
    /*弹框中的删除按钮事件*/
    $("#cendiv12").delegate(".prediv .del","click",function(){
    	$(this).parent().parent().remove();
    });
    
  //完成按钮
    $("#wanc").click(function(){
        var page_id = $('#pageportlet').val();
        $.ajax({
        	type:'post',
        	url:'/MSAPortal/portalAdmin/updateStatus.do',
        	data:{pageid:page_id},
        	success:function(){
        		$("#myModal").modal("hide");
        		$(".modal-backdrop").remove();
        		 portletorder=1;
            	 portletordero=1;
            	 portletorders=1;
        		$("#porName").val(""); 
        		 $("#txtare").val("");
        		$("#cendiv4").show();
        		$("#cendiv1").hide();
        		$("#cendiv2").hide();
        		$("#cendiv3").hide();
        		$("#showimg").hide();
        		$("#lab1").removeClass("showlab");
        		$("#lab2").removeClass("showlab");
        		$("#lab3").removeClass("showlab");
        		var laycode = $("#layoutcode").val();
     			if(laycode==1){
     				$("#cendiv2 #laydiv div:last ul").remove();
 				}else if(laycode==2){
 					$("#cendiv2 #laydiv1 div:eq(1)  div:eq(0) ul").remove();
 					$("#cendiv2 #laydiv1 div:eq(1)  div:eq(1) ul").remove();
 					}
 				else if(laycode==3){
 					$("#cendiv2 #laydiv2 div:eq(1) div:eq(0) ul").remove();
 					$("#cendiv2 #laydiv2 div:eq(1) div:eq(1) ul").remove();
 					$("#cendiv2 #laydiv2 div:eq(1) div:eq(2) ul").remove();
 					}
        		initData();
        	},
        	error:function(){
        		alert("error");
        	}
        });
    });
    
    $("#savebtn").click(function(){
    	$('#newportalid').val("");   	
    	 portletorder=1;
    	 portletordero=1;
    	 portletorders=1;
    	$("#porName").val("");  
    	$("#txtare").val("");
		$("#cendiv4").show();
		$("#cendiv1").hide();
		$("#cendiv2").hide();
		$("#cendiv3").hide();
		$("#showimg").hide();
		$("#lab1").removeClass("showlab");
		$("#lab2").removeClass("showlab");
		$("#lab3").removeClass("showlab");
		var laycode = $("#layoutcode").val();
			if(laycode==1){
				$("#cendiv2 #laydiv div:last ul").remove();
			}else if(laycode==2){
				$("#cendiv2 #laydiv1 div:eq(1)  div:eq(0) ul").remove();
				$("#cendiv2 #laydiv1 div:eq(1)  div:eq(1) ul").remove();
				}
			else if(laycode==3){
				$("#cendiv2 #laydiv2 div:eq(1) div:eq(0) ul").remove();
				$("#cendiv2 #laydiv2 div:eq(1) div:eq(1) ul").remove();
				$("#cendiv2 #laydiv2 div:eq(1) div:eq(2) ul").remove();
				}
    })
});

//编辑内容的控制显示列数的js
function findLaycode(portal_id){	 
$.ajax({
	type:"post",
	url:"/MSAPortal/portalAdmin/findByPortalid.do",
	data:{portal_id:portal_id},
	async: false,
	success:function(datas){
		
	var arr=eval ("("+datas+")");
     var layid=arr.pagelayout; 
     $("#flag").val("1");
     $("#flag1").val("1");
     
     if(layid==1){
         $("#laydiv111").show();
         $("#laydiv111").append();
         $("#laydiv11").hide();
         $("#laydiv12").hide();
         $("#layoutcode1").val("1");
     }else if(layid==2){
         $("#laydiv11").show();
         $("#laydiv12").hide();
         $("#laydiv111").hide();
         $("#layoutcode1").val("2");
     }else{
         $("#laydiv12").show();
         $("#laydiv11").hide();
         $("#laydiv111").hide();
         $("#layoutcode1").val("3");
     }
 }
}); 
}
//点击添加内容触发的方法
function iQuery(portal_id){	
		$('#laydiv111'+ " div:last section").text("");
		$('#laydiv11'+ " div:eq(1)  div:eq(0) section").text("");
		$('#laydiv11'+ " div:eq(1)  div:eq(1) section").text("");
		$('#laydiv12'+ " div:eq(1)  div:eq(0) section").text("");
		$('#laydiv12'+ " div:eq(1)  div:eq(1) section").text("");
		$('#laydiv12'+ " div:eq(1)  div:eq(2) section").text("");				
		$('#newportalid').val(portal_id);		
		$.ajax({
			type:"post",
			url:"/MSAPortal/portalAdmin/getUpdPortlet.do",
			data:{portal_id:portal_id},	
			success:function(json){
				findLaycode(portal_id);
				
			var laycode = $("#layoutcode1").val();
			var arry=eval(json);
			var str = "";
			for(var i=0;i<arry.length;i++){  
				
				
				str ="<form id='portlet"+i+"'><ul class='paul'><span class='prediv'><i class='glyphicon glyphicon-remove del' style='color:red;' onclick='deletePortlet("+i+")'></i>&nbsp;<i class='glyphicon glyphicon-cog upd'    style='color:#57b5e3' onclick='findPortletById("+i+")'></i></span><input type='hidden' name='portletName' id='' value='"+arry[i].portletName+"'/> <input type='hidden' name='portletId' id='portletId' value='"+arry[i].portletId+"'/>";
				str +="<li>"+arry[i].portletName+"</li><span class='prediv1'>";
				str +="排序：<select name='portletorder' onchange='updatePortlet("+i+");' ></form>";
				
				for(var j=1;j<=arry.length;j++){
					if(arry[i].portletorder==j){
						str +="<option value='"+j+"' selected='selected'>"+j+"</option>";
					}else{
						str +="<option value='"+j+"'>"+j+"</option>";
					}
					
				}
				str += "</select></span></ul></form>";
				
				if(laycode==1){  	
					
					$('#laydiv111'+ " div:last section").append(str);   		
				}else if(laycode==2){
					
					if(arry[i].pagerow==1){
						$("#laydiv11" + " div:eq(1)  div:eq(0) section").append(str);
					}else{
						
						 $("#laydiv11" + " div:eq(1)  div:eq(1) section").append(str);
					}
				}else if(laycode==3){
					if(arry[i].pagerow==1){
						
						$("#laydiv12" + " div:eq(1) div:eq(0) section").append(str);
					}else if(arry[i].pagerow==2){
						
						 $("#laydiv12" +" div:eq(1) div:eq(1) section").append(str);
					}else{
						
						$("#laydiv12"+ " div:eq(1) div:eq(2) section").append(str);
					}
				}
			}
		}
	 }); 
						
	}
	
//查看数据详细的js代码
function findByPortalid(portal_id){
	
	$.ajax({
		type:"post",
		url:"/MSAPortal/portalAdmin/findByPortalid.do",
		data:{portal_id:portal_id},	
		success:function(datas){
			
		var arr=eval ("("+datas+")");
	    $("#titleDet").html(arr.portal_name);
	    $("#createPer").html(arr.createusername);
	    $("#explain").html(arr.portal_opinion);
	    $("#expose").html(arr.expose);
	    $("#templateIds").html(arr.template_name);
	    $("#styleId").html(arr.cssName);
	    $("#layoutId").html(arr.pagelayout+" 列");
	    $("#templateEditId").val(arr.template_id);
	    $("#cssEditId").val(arr.cssid);
	    $("#portalname").val(arr.portal_name);
	    $("#orgname").val(arr.orgname);    
	    $("#portalOpinionId").text(arr.portal_opinion);
	    $('#newportalid2').val(portal_id);	
			} 			
	});			
	}

// 查看预览预览的门户实例 
function preView(portal_id) {
	
window.open("/MSAPortal/portal/previewPortalPage.do?portal_id="+portal_id, 'newwindow', 'height=800, width=1600, top=0, left=0, toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no')
	
}

//编辑内容里的添加功能
function updPortlet(){
   $("#updModal1").modal("show");	
   hide1();
	var portal_id= document.getElementById('newportalid').value
	$.ajax({
		type:'post',
		url:"/MSAPortal/portalAdmin/updPortlet.do",
		data:$('#portlett').serialize(),
		async:true,
		success:function(){
			iQuery(portal_id);
			
		},
		error:function(){
			alert("添加失败");
		}
	});
}

//删除查询出来的数据
function rmdata(portal_id){
	$.ajax({
		type:"post",
		url:"/MSAPortal/portalAdmin/deletePortal.do",
		data:{portal_id:portal_id},	
		success:function(data){
			if(data=="no"){
				alert("实例正在使用，不能删除");
			}else{		
				initData();
			}
		},	
		error:function(){
	     alert("失败");
	    }
	});
		
	}


//编辑属性里的修改功能
function updatePortal(){
	
	var portalName = $.trim($("#portalname").val());
	var nameReg = /^[a-zA-Z].{2,50}$/;
	var leng = portalName.length
	

	
	if(nameReg.test(portalName)|| portalName == ''||leng > 2){
		
		$.ajax({
			type:"post",
			url:"/MSAPortal/portalAdmin/updateByPortalid.do",
			data:$('#portalExample1').serialize(),
			success:function(datas){
						alert("修改成功")
				} ,
			
		 error:function(datas){
		     alert("失败");
		    }
		});	
	}else {
		alert("名字不能是数字和特殊字符开头，长度在2-50之间");
	}
}

//编辑属性更新内容
function updatePortallet(){
	
	var portletId= document.getElementById('newportalidChange').value;
	var portal_id= document.getElementById('newportalid').value;
	if(myflag=="0"){
		$("#myModal").modal("show");
		myflag="1";
	}else{
	$("#updModal1").modal("show");
		
	}
	hide2();
	$.ajax({
		type:"post",
		url:"/MSAPortal/portalAdmin/udPortlet.do",
		data:$('#portletEntity').serialize()+"&portletId="+portletId,
		success:function(datas){
				if(portal_id=="" || portal_id==null){
					next2();
					}else{
						iQuery(portal_id);
						
					}
			} ,
		
	 error:function(datas){
	     alert("失败");
	    }
	});			
		
	}
//保存portlet
function savePortlet(){
	$("#myModal").modal('show');
	if (document.getElementById('title').value==""||document.getElementById('title').value==null) {
		alert("标题不能为空")	
	} else {
		$.ajax({
			type:'post',
			url:'/MSAPortal/portalAdmin/savePortlet.do',
			data:$('#portlet').serialize(),
			success:function(){
				hide();
			},
			error:function(){
				alert("error");
			}
		});

	}		
}
/*跟新portlet*/
function updatePortlet(id){
	var formid = "portlet"+id;
	$.ajax({
		type:'post',
		url:'/MSAPortal/portalAdmin/savePortletOrder.do',
		data:$('#'+formid).serialize(),
		success:function(){
			
		},
		error:function(){
			alert("更新失败！");
		}
	});
}
//删除portlet
function deletePortlet(id){
	
	var formid = "portlet"+id;
	$.ajax({
		type:'post',
		url:'/MSAPortal/portalAdmin/deletePortlet.do',
		data:$('#'+formid).serialize(),
		datatype:'text',
		success:function(data){
			$("#"+formid).remove();
			alert(data);
			
		},
		error:function(){
			alert("删除失败");
		}
	});
	
}

//编辑内容里的查询Portlet功能
function findPortletById(id){
	
	if($("#updModal1").is(":hidden")){
		myflag="0";
	}
	
	$("#myModal").modal("hide");
	$("#updModal1").modal("hide");
	DivShowAndHidden( "#divBackground", "#cloupdModal");
	var formid = "portlet"+id;
	$.ajax({
		type:'post',
		url:'/MSAPortal/portalAdmin/findPortletById.do',
		data:$('#'+formid).serialize(),
		datatype:'text',
		success:function(datas){
		var arr=eval ("("+datas+")");			 	
		  /*$("#ctxtare").val(arr.portletdesc);*/
		
		  var value=$("#ctitle option[id='"+arr.portletName+"']").attr("value");
		  $('#ctitle').val(value);
		  
		  $("#ctxtare").val(arr.portletdesc);
		  
		  $("#txtare").val(arr.portletdesc);
		  var value=$("#title option[id='"+arr.portletName+"']").attr("value");
		  $('#title').val(value);
		  
		  $('#newportalidChange').val(arr.portletId);	
		},
		error:function(){
			alert("查询失败");
		}
	});
	
}



//编辑内容里的修改Portlet功能
function udPortlet(id){
	var formid = "portlet"+id;
	$.ajax({
		type:'post',
		url:'/MSAPortal/portalAdmin/udPortlet.do',
		data:$('#'+formid).serialize(),
		datatype:'text',
		success:function(data){
			
			alert(data);
		},
		error:function(){
			alert("修改失败");
		}
	});
	
}



//portal
function verifyportal(){
	
	var getName = $.trim($('#porName').val());
	var nameReg = /^[a-zA-Z].{2,50}$/;
	var leng = getName.length
	
	if(nameReg.test(getName)||leng > 2){
		saveportal();
		$("#cendiv1").addClass("slide-from-bottom");
        $("#cendiv1").show();
        $("#cendiv4").hide();
        $("#cendiv2").hide();
        $("#cendiv3").hide();
	}else{
		alert("名称不能是数字和特殊字符开头，长度在2-50之间!");
	}
}
//保存实例
function saveportal(){
		$.ajax({
			type:"post",
			url:"/MSAPortal/portalAdmin/savePortal.do",
			data:$('#portalExample').serialize(),
			dataType:'text',
			success:function(json){
				$('#page').val(json);
				$('#pageportlet').val(json);
			},
			error:function(){
				alert("保存错误");
			}
		});
	}
//更新实例信息	
function refreshportal(){
	var layoutcode = $.trim($('#layoutcode').val());
	if(layoutcode==null||layoutcode==""){
		alert("您还未选择布局类型");
	}else{
		$.ajax({
			type:"post",
			url:"/MSAPortal/portalAdmin/refreshPortal.do",
			data:$('#portallay').serialize(),
			success:function(){
				$('#page').val(json);
				$('#pageportlet').val(json);
			},
			error:function(){
				alert("更新实例信息错误");
			}
		});
	}
}

function next2() {
    var layout=$("#ladiv label").hasClass("showlab");
     if(layout==true) {
         var layid = $(".showlab").attr("id");
         if(layid=="lab1") {
             var clodiv = $("#laydiv").clone(true);
         }else if(layid=="lab2") {
             var clodiv = $("#laydiv1").clone(true);
         } else{
             var clodiv = $("#laydiv2").clone(true);
         }
         if($("#cendiv3").children().length>1){
             $("#cendiv3 div:first").remove();
         }
         $("#cendiv3").prepend(clodiv);

         if(layid=="lab1") {
             $("#cendiv3 #" + clodiv.attr("id") + " div:last").text("");
             $("#cendiv3 #" + clodiv.attr("id") + " div:last").attr("id","onportlet")
         }else if(layid=="lab2") {
         	$("#cendiv3 #" + clodiv.attr("id") + " div:eq(1)  div:eq(0)").text("");
         	$("#cendiv3 #" + clodiv.attr("id") + " div:eq(1)  div:eq(0)").attr("id","twoleft");
             $("#cendiv3 #" + clodiv.attr("id") + " div:eq(1)  div:eq(1)").text("");
             $("#cendiv3 #" + clodiv.attr("id") + " div:eq(1)  div:eq(1)").attr("id","tworight");
         }else{
         	 $("#cendiv3 #" + clodiv.attr("id") + " div:eq(1) div:eq(0)").text("");
         	 $("#cendiv3 #" + clodiv.attr("id") + " div:eq(1) div:eq(0)").attr("id","threeleft");
         	 $("#cendiv3 #" + clodiv.attr("id") + " div:eq(1) div:eq(1)").text("");
         	 $("#cendiv3 #" + clodiv.attr("id") + " div:eq(1) div:eq(1)").attr("id","threecenter");
         	 $("#cendiv3 #" + clodiv.attr("id") + " div:eq(1) div:eq(2)").text("");
         	 $("#cendiv3 #" + clodiv.attr("id") + " div:eq(1) div:eq(2)").attr("id","threeright");
         }

     }
 	
     $("#cendiv3").addClass("slide-from-bottom");
     $("#cendiv3").show();
     $("#cendiv1").hide();
     $("#cendiv2").hide();
     
     /////////获取portlet
     var page_id = $('#pageportlet').val();
 	$.ajax({
 		type:'post',
 		url:'/MSAPortal/portalAdmin/getPortlet.do',
 		data:{pageid:page_id},
 		async:true,
 		dataType:'text',
 		success:function(json){
 		
 			var laycode = $("#layoutcode").val();
 			var arry=eval(json);
 			var str = "";
 			for(var i=0;i<arry.length;i++){
 				
 				str ="<form id='portlet"+i+"'><ul class='paul'><span class='prediv'><i class='glyphicon glyphicon-remove del' style='color:red;' onclick='deletePortlet("+i+")'></i>&nbsp;<i class='glyphicon glyphicon-cog upd' style='color:#57b5e3'  onclick='findPortletById("+i+")'></i></span><input type='hidden' name='portletName' id='' value='"+arry[i].portletName+"'/> <input type='hidden' name='portletId' id='portletId' value='"+arry[i].portletId+"'/>";
 				str +="<li>"+arry[i].portletName+"</li><span class='prediv1'>";
 				str +="排序：<select name='portletorder' onchange='updatePortlet("+i+");'>";
 				
 				for(var j=1;j<=arry.length;j++){ 
 					
 				if(arry[i].portletorder==j){
 			
 						str +="<option value='"+j+"' selected='selected'>"+j+"</option>";
 					}else{
 						str +="<option value='"+j+"'>"+j+"</option>";
 					}
 				}
 				str += "</select></span></ul></form>";
 				if(laycode==1){
 					$('#onportlet').append(str);
 				}else if(laycode==2){
 					
 					if(arry[i].pagerow==1){
 					$('#twoleft').append(str);
 					}else{
 					$('#tworight').append(str);	
 					}
 				}else if(laycode==3){
 					if(arry[i].pagerow==1){
 					$('#threeleft').append(str);
 					}else if(arry[i].pagerow==2){
 					$('#threecenter').append(str);	
 					}else{
 					$('#threeright').append(str);	
 					}
 				}
 			}
 		},
 		error:function(){
 			alert("获取失败");
 		}
 	});
 }

$("#wancheng").click(function(){
	$("#myModal").modal("hide");
	$(".modal-backdrop").remove();
})
function DivShowAndHidden(div1, div2) {

    if (div1 != "" && $(div1).css("display") == "none")
        $(div1).show();
        $("#myModal").modal('hide');

    if (div2 != "" && $(div2).css("display") == "none")
        $(div2).show();

}
function hide() {

    DivShowAndHidden1(
            "#divBackground"   //关闭黑色背景层
            ,
            "#titModal" //关闭刚才弹出的子层

    );
    $("#myModal").modal("show");
}

function hide1() {

    DivShowAndHidden1(
            "#divBackground"   //关闭黑色背景层
            ,
            "#titModal1" //关闭刚才弹出的子层

    );
    
    $("#updModal1").modal("show");
   /* $(".modal-backdrop").remove();
    $("body").removeClass("modal-open");*/
}
function hide2() {
    DivShowAndHidden1(
            "#divBackground"   //关闭黑色背景层
            ,
            "#cloupdModal" //关闭刚才弹出的子层

    );
   
    /*$(".modal-backdrop").remove();
    $("body").removeClass("modal-open");*/
}
function hide3(){
	 DivShowAndHidden1(
	            "#divBackground"   //关闭黑色背景层
	            ,
	            "#cloupdModal" //关闭刚才弹出的子层

	    );
   if(myflag=="0"){
   	$(".modal-backdrop").remove();
   	$("#myModal").modal("show");
   	myflag="1";
   }else{
   	$(".modal-backdrop").remove();
   	$("#updModal1").modal("show");
   }
}


function DivShowAndHidden1(div1, div2) {

    if (div1 != "" && $(div1).css("display") == "block")
        $(div1).hide();

    if (div2 != "" && $(div2).css("display") == "block")
        $(div2).hide();

}
